.wrap{
    padding-bottom:60px;
}
.userWrap{
    width:100%;
    height:130px;
    background-image: linear-gradient(90deg,#ff9569 0,#e92758);
    position: relative;
    .userImage{
        position:absolute;
        width:70px;
        height:70px;
        border:4px solid #fff;
        border-radius:60px;
        background:#fafafa;
        right:15px;
        top:50%;
        transform:translateY(-50%);
    }
    .userInfo{
        width:200px;
        height:70px;
        position:absolute;
        right:105px;
        top:50%;
        transform:translateY(-50%);
        .userName{
            width:100%;
            font-size:23px;
            color:#fff;
            line-height:60px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight:600;
            text-align:right;
        }
        .shopInfo{
            font-size:12px;
            line-height:20px;
            text-align:right;
            color:#fff;
            position:relative;
            top:-10px;
        }
    }
    .saoMa{
        width:30px;
        height:30px;
        background:url('../../static/tabbar/saom.png') center center no-repeat;
        position:absolute;
        top:20px;
        left:20px;
        background-size:contain;
    }

}

//footerbarYangshi
.tabbarFooter{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    display:flex;
    background:#ffff;
    box-shadow: -1px 0 9px rgba(0,0,0,.02);
    justify-content: space-between;
    .tabItem{
        .tabIcon{
            width:30px;
            height:30px;
            margin:0 auto;
            &.saomao{
                background:url("../../static/tabbar/saoma.png") center center no-repeat;
                background-size:30px;
            }
            &.order{
                background:url("../../static/tabbar/order.png") center center no-repeat;
                background-size:30px;
            }
            &.user{
                background:url("../../static/tabbar/user.png") center center no-repeat;
                background-size:30px;
            }
            
        }
        width:33.3%;
        text-align:center;
        font-size:12px;
        color:#aaa;
        .tabText{
            line-height:20px;
        }
        &.active{
            color: #ff9569;
            .tabIcon{
                width:30px;
                height:30px;
                margin:0 auto;
                &.order{
                    background:url("../../static/tabbar/orderActive.png") center center no-repeat;
                    background-size:30px;
                }
                &.user{
                    background:url("../../static/tabbar/userActive.png") center center no-repeat;
                    background-size:30px;
                }
                
            }
        }
    }

}